﻿<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
    <title></title>
    <link href="css/main.css" rel="stylesheet" />
    <script src="js/jquery-1.9.1.js"></script>

</head>
<body>

    <div id="wrapper">
        <div id="banner"></div>
        <div id="topbar">
            <ul class="menu">

                <li><a href="#">Home</a></li>
                <li><a href="#">Top new</a></li>
                <li><a href="#">Category</a>

                    <ul>
                        <li><a href="#" class="documents">Documents</a></li>
                        <li><a href="#" class="messages">Messages</a></li>
                        <li><a href="#" class="signout">Sign Out</a></li>
                    </ul>

                </li>
                <li><a href="#">Register</a></li>
                <li><a href="#">View cart</a></li>
                <li><a href="#">About us</a></li>
                <li><a href="#">Contact us</a></li>


            </ul>

        </div>
        <div id="left">
            <div id="top">
                <input type="text" id="txtSearch" value=" " />
                <input type="button" id="btnSearch" value="Search" />
            </div>
            <div id="cart">
                <h3>CART INFORMATION</h3>

                <p><strong>Total Items:</strong> <span>5</span></p>

                <p><strong>Total cost</strong> <span>50$</span></p>

                <p><a href="#">View cart</a></p>  
                <br />

            </div>
            <div id="category">
                <h3>CATEGORY</h3>
                <ul>
                    <li><a href="#">Category 1</a></li>
                    <li><a href="#">Category 1</a></li>
                    <li><a href="#">Category 1</a></li>
                    <li><a href="#">Category 1</a></li>
                    <li><a href="#">Category 1</a></li>

                </ul>
                <p>&nbsp;</p>
                <p></p>
            </div>
        </div>

        <div id="right">
            <div class="pro">


                <br />
                <img src="Upload/files/g2.jpg" width="200" />
                <br />
                <span><strong>Heavy Rain</strong></span>
                <br />

                <span>20$</span>
                <br />

                <p>
                    <button class="order">Order</button>
                </p>


            </div>
            <div class="pro">


                <br />
                <img src="Upload/files/g3.jpg" width="200" />
                <br />
                <span><strong>Heavy Rain</strong></span>
                <br />

                <span>20$</span>
                <br />

                <p>
                    <button class="order">Order</button>
                </p>


            </div>
            <div class="pro">


                <br />
                <img src="Upload/files/g4.jpg" width="200" />
                <br />
                <span><strong>Heavy Rain</strong></span>
                <br />

                <span>20$</span>
                <br />

                <p>
                    <button class="order">Order</button>
                </p>


            </div>
            <div class="pro">


                <br />
                <img src="Upload/files/g5.jpg" width="200" />
                <br />
                <span><strong>Heavy Rain</strong></span>
                <br />

                <span>20$</span>
                <br />

                <p>
                    <button class="order">Order</button>
                </p>


            </div>
            <div class="pro">


                <br />
                <img src="Upload/files/g6.jpg" width="200" />
                <br />
                <span><strong>Heavy Rain</strong></span>
                <br />

                <span>20$</span>
                <br />

                <p>
                    <button class="order">Order</button>
                </p>


            </div>
            <div class="pro">


                <br />
                <img src="Upload/files/g7.jpg" width="200" />
                <br />
                <span><strong>Heavy Rain</strong></span>
                <br />

                <span>20$</span>
                <br />

                <p>
                    <button class="order">Order</button>
                </p>


            </div>

        </div>
        <div id="footer" class="clear">
            Dropdown menu using CSS 3
        </div>
    </div>
    <script src="js/script.js"></script>
</body>
</html>
